<template>
  <h1>Vue组件基本属性</h1>
  <p>{{ str }}</p>
  <p>{{ num }}</p>
  <p>{{ isBool }}</p>
  <p>{{ arr [0]}}</p>
  <p>{{ obj }}</p>
  <p>{{ obj.a }}</p>
  <h1>props</h1>
  <p>{{ title }}</p>

  <h1>methonds</h1>
  <button @click="btnAction">点击方法</button>
</template>

<script>
    export default{
        props:{
            msg:""
        },
        
        data(){
        return {
            str:"test",
            num:1,
            isBool: true,
            arr:[1,2,3],
            obj:{
                a:11,
                b:2
            }
        }
    },
    methonds:{
        btnAction(){
            console.log('456456');
            console.log(this.str);
            this.test()
        },
        test(){
            console.log("test method");
        }
    }
}
</script>

<style>

</style>